<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
    <van-tabbar-item icon="shop-o" to="/mall">商城</van-tabbar-item>
    <van-tabbar-item icon="tv-o" to="/live">直播</van-tabbar-item>
    <van-tabbar-item icon="user-o" to="/my">我</van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
import { ref } from 'vue'

const active = ref(0)
</script>

<style lang="scss">
:root {
  --van-primary-color: #f46;
}
</style>
